﻿<!DOCTYPE html>
<html>
<head>
    <title>메인</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, 
        maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
    
    <script src="http://code.jquery.com/jquery-2.0.3.js"></script>

    <link href="fundamental/basic.css" rel="stylesheet" type="text/css"  media="screen" />
    <link href="fundamental/responsive.css" rel="stylesheet" type="text/css"  media="screen" />
    <script src="fundamental/to_page.js" type="text/javascript"></script>
    <script src="fundamental/main_aside.js"></script>

     <link href="Main/css/search_style.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="Main_Aside/green/style.css" type="text/css" rel="stylesheet" />
    <script src="Main_Aside/js/jquery.tablesorter.min.js" type="text/javascript"></script>
    
</head>
<body>
    <div class="container">
        <div class="row">
            <header id="main_header">
                <hgroup id="title">
                    <h1><a href="Main/html/search_page.html" class="open"><img src="TITLE.png" alt="title" width="135" height="45"/></a></h1>
                    <h2 class="span_3">USER ID</h2>
                </hgroup>
                <nav id="main_gnb" class="span_2">
                    <h1><a href="#">LOG OUT</a></h1>
                </nav>
                <nav id="main_lnb" class="span_6">
                    <h1>현재 페이지 상황</h1>
                </nav>
            </header><!--header-->
        </div>

        <div class="row">
            <div id="content"">
                <aside id="main_aside" class="span_2">
                    <ul id="aside_list">
                        <li class="aside_menu">EXCHANGE<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                    <li><a href="Main_Aside/html/current_money.html" class="open">현재 사이버 머니</a></li>
                                    <li><a href="Main_Aside/html/do_exchange.html" class="open">환전 하기</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu">HISTORY<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                <li><a href="Main_Aside/html/exchange_history.html" id="A2" class="open">환전 내역</a></li>
                                <li><a href="Main_Aside/html/sell_history.html" class="open">판매 내역</a></li>
                                <li><a href="Main_Aside/html/buy_history.html" id="A4" class="open">구매 내역</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu">GROUP<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                <li><a href="Main_Aside/html/belong_group.html" class="open">가입 그룹</a></li>
                                <li><a href="Main_Aside/html/group_enroll.html" class="open">그룹 만들기</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu"><a href="Main_Aside/html/edit_page.html" class=open>EDIT</a></li>
                        <li class="aside_menu"><a href="Main_Aside/html/leave_homepage.html" class="open">회원 탈퇴</a></li>
                    </ul>
                </aside><!--main_aside-->
                <div id="main_section" class="span_10">
                    <h1 id="page_name"></h1>
                    <div id="main_section_body"> 
                        <div id="search_tab">
                            <input id="first" type="radio" name="tab" checked="checked" />
                            <input id="second" type="radio" name="tab" />
                            <section class="buttons">
                                <label for="first">그룹</label>
                                <label for="second">책</label>
                            </section>
                            <div class="tab_item" id="searchResult">
                                <label for="SEARCH" class="search">검 색</label><input type="search" id="g_SEARCH" name="search" placeholder="그룹 검색"  /><button id="group_search">검색</button>
                                <ul id="searchResultUl">
                                            <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>GROUP NAME</span><span>GROUP INFORM</span></section></a></li>
                                </ul>
                            </div><!--tab_item-->
                            <div class="tab_item">
                                <ul>
                                    <li><label for="SEARCH" class="search">검 색</label><input type="search" id="b_SEARCH" name="search" placeholder="책 검색" /></li>  
                                <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>GROUP NAME</span><span>AUTHOR</span><span>PUBLISHER</span><span>PRICE</span></section></a></li>
                                    <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>BOOK TITLE</span><span>AUTHOR</span><span>PUBLISHER</span><span>PRICE</span></section></a></li>
                                    <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>BOOK TITLE</span><span>AUTHOR</span><span>PUBLISHER</span><span>PRICE</span></section></a></li>
                                    <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>BOOK TITLE</span><span>AUTHOR</span><span>PUBLISHER</span><span>PRICE</span></section></a></li>
                                </ul>
                            </div><!--tab_item-->
                        </div><!--search_tab-->
                    </div>
                </div><!--main_section-->
            </div><!--content-->
        </div>

        <div class="row">
            <footer id="main_footer">
                <small>MEMBER : <span>Jung. WonBeen</span><span>Kim. JoonHo</span><span>Jo. SunYoung</span><span>Lee. DaYoung</span></small>
            </footer><!--footer-->
        </div>
    </div><!--continer-->
</body>
</html>